<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  
</body>
<script>
// function* generator (){

//   yield console.log(1);
//   yield console.log(2);
//   yield console.log(3);
//   yield console.log(4);
//   yield console.log(5);
// }
//  const da =   generator()
//  console.log(da);
//  da.next()
//  da.next()
//  da.next()
//  da.next()
//  da.next()
function* generator (){

yield setTimeout(()=>{
  console.log(`1`);
  da.next()
},5000)

yield setTimeout(()=>{
  console.log(`2`);
  da.next()
},7000)

yield setTimeout(()=>{
  console.log(`3`);
  da.next()
},3000)

yield setTimeout(()=>{
  console.log(`4`);
  da.next()
},2000)

yield setTimeout(()=>{
  console.log(`5`);
},1000)
}
const da =   generator()
console.log(da);
da.next()

</script>
</html>